@charset "utf-8";
html,body{width: 100%; overflow-x:hidden;}

body{padding:0; margin:0px auto; font-size:14px; line-height:24px; color:black; width:100%; zoom:1;font-family: 'sy','Microsoft YaHei',arial,sans-serif; background: #f5f7fa;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{padding:0px; margin:0px;}
select,input,textarea,button{font-size:14px; border-radius:0; -webkit-border-radius:0; color:#545454;font-family: arial, Microsoft YaHei, sans-serif;}
input:focus {outline: none;}
input,button,select,textarea{border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select {background:none; border:none; margin:0; padding:0; font-size:14px;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{display: block;} /*html5设置*/
figure,figcaption{margin:0px; padding:0px;}
audio,canvas,progress,video {display: inline-block;}
img{max-width:100%; border:none; border:0;  vertical-align:top;}
a{color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all ease 0.3s;}
a:focus {outline:none; -moz-outline:none;}
a:hover{text-decoration:none; color:#008CD5;}
/**:hover{transition: all ease 0.3s;}*/

/*input字体*/
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #999999;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #999999;}

select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #d9d9d9; text-indent:1em;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none; color:#999999;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	/*background: url(../images/ico/selectarr.png) no-repeat scroll 95% center transparent;*/
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}

.mgc{position:relative;width:16px;height:16px;background-clip:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:-.15px .6px 0 0;vertical-align:text-bottom;border-radius:50%;-webkit-transition:background-color .25s;transition:background-color .25s;background-color:#fff;border:1px solid #d5d5d5;}.mgc:checked:after{left:-5px; top:-5px; position:absolute;content:'';display:block;height:10px;width:10px; border-radius:50%; background:#3b66ad; border:6px solid #dddddd;}.mgc:disabled{opacity:.65}.mgc:focus{outline:none;box-shadow:inset 0 1px 1px rgba(255,255,255,0.075),0 0 2px #38a7ff}.mgc:checked{background-color:#fff;border-color:#d7d7d7;}.mgc:checked:after{border-color:#dddddd}.mgc-primary{background-color:#fff;border:1px solid #d7d7d7;}.mgc-primary:checked{background-color:#337ab7;border-color:#337ab7;}.mgc-primary:checked:after{border-color:#fff}.mgc-success{background-color:#fff;border:1px solid #d7d7d7;}.mgc-success:checked{background-color:#5cb85c;border-color:#5cb85c;}.mgc-success:checked:after{border-color:#fff}.mgc-info{background-color:#fff;border:1px solid #d7d7d7;}.mgc-info:checked{background-color:#5bc0de;border-color:#5bc0de;}.mgc-info:checked:after{border-color:#fff}.mgc-warning{background-color:#fff;border:1px solid #d7d7d7;}.mgc-warning:checked{background-color:#f0ad4e;border-color:#f0ad4e;}.mgc-warning:checked:after{border-color:#fff}.mgc-danger{background-color:#fff;border:1px solid #d7d7d7;}.mgc-danger:checked{background-color:#cf3b3a;border-color:#cf3b3a;}.mgc-danger:checked:after{border-color:#fff}.mgc-circle{border-radius:50%}.mgc-sm{width:12px;height:12px;}.mgc-sm:checked:after{top:2px;left:1px;height:3px;width:6px}.mgc-lg{width:19px;height:19px;}.mgc-lg:checked:after{top:3px;left:3px;height:5px;width:10px}.mgr{position:relative;width:16px;height:16px;background-clip:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:-.15px .6px 0 0;vertical-align:text-bottom;border-radius:50%;background-color:#fff;border:1px solid #d7d7d7;}.mgr:disabled{opacity:.65}.mgr:before{content:'';display:block;height:0;width:0;-webkit-transition:width .25s,height .25s;transition:width .25s,height .25s}.mgr:checked:before{height:8px;width:8px;border-radius:50%;margin:3px 0 0 3px}.mgr:focus{outline:none;box-shadow:inset 0 1px 1px rgba(255,255,255,0.075),0 0 2px #38a7ff}.mgr:checked{border:1px solid #555;}.mgr:checked:before{background-color:#555}.mgr-primary{background-color:#fff;border:1px solid #d7d7d7;}.mgr-primary:checked{border:1px solid #337ab7;}.mgr-primary:checked:before{background-color:#337ab7}.mgr-success{background-color:#fff;border:1px solid #d7d7d7;}.mgr-success:checked{border:1px solid #5cb85c;}.mgr-success:checked:before{background-color:#5cb85c}.mgr-info{background-color:#fff;border:1px solid #d7d7d7;}.mgr-info:checked{border:1px solid #5bc0de;}.mgr-info:checked:before{background-color:#5bc0de}.mgr-warning{background-color:#fff;border:1px solid #d7d7d7;}.mgr-warning:checked{border:1px solid #f0ad4e;}.mgr-warning:checked:before{background-color:#f0ad4e}.mgr-danger{background-color:#fff;border:1px solid #d7d7d7;}.mgr-danger:checked{border:1px solid #cf3b3a;}.mgr-danger:checked:before{background-color:#cf3b3a}.mgr-sm{width:12px;height:12px;}.mgr-sm:checked:before{height:6px;width:6px;border-radius:50%;margin:2px 0 0 2px}.mgr-lg{width:19px;height:19px;}.mgr-lg:checked:before{height:11px;width:11px;border-radius:50%;margin:3px 0 0 3px}.mgc-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:41px;height:24px;border:1px solid #dfdfdf;outline:0;border-radius:16px;box-sizing:border-box;background:#dfdfdf;}.mgc-switch:before,.mgc-switch:after{content:" ";position:absolute;top:0;left:0;border-radius:15px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.mgc-switch:before{width:39px;height:22px;background-color:#fdfdfd}.mgc-switch:after{width:22px;height:22px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.4)}.mgc-switch:checked{border-color:#04be02;background-color:#04be02;}.mgc-switch:checked:before{-webkit-transform:scale(0);transform:scale(0)}.mgc-switch:checked:after{-webkit-transform:translateX(17px);transform:translateX(17px)}.mgc-sm.mgc-switch{height:20px;width:32px;}.mgc-sm.mgc-switch:before{height:18px;width:30px}.mgc-sm.mgc-switch:after{width:18px;height:18px}.mgc-sm.mgc-switch:checked:after{top:0;left:2px;-webkit-transform:translateX(10px);transform:translateX(10px)}.mgc-lg.mgc-switch{height:32px;width:52px;}.mgc-lg.mgc-switch:before{height:30px;width:50px}.mgc-lg.mgc-switch:after{width:30px;height:30px}.mgc-lg.mgc-switch:checked:after{top:0;left:2px;-webkit-transform:translateX(18px);transform:translateX(18px)}

/*网页滚动条*/
::-webkit-scrollbar{
            width: 5px; height:5px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #008CD5;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #e6e6e6;}

/*font*/
.yh{font-family: 'Microsoft YaHei';}
.tit{display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}
.p{overflow: hidden;word-break:normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}

/*table*/
.table{display: table; width: 100%; border-collapse: collapse;}
.table-head,.table-body{display: table-row; width: 100%;}
.table-th,.table-td{display: table-cell; text-align: center; vertical-align: middle;}

/*effict*/
.Scale-img{cursor: pointer; zoom:1; overflow: hidden; position: relative; z-index: 3;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;display: block; width: 100%;}
.Scale-img:hover img,.Scale-img:hover span,li:hover .Scale-img img,li:hover .Scale-img span {opacity: 1;-webkit-transform: scale3d(1.03,1.03,1.03);transform: scale3d(1.03,1.03,1.03); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{overflow:hidden; position:relative;}
.imgbox span,.Scale-img span{background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}

/* icon */
.icons img{position: absolute; width: 100%; left: 0; top: 0;}
.icons .i1{transition: 400ms;}
.icons .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
li:hover .icons .i2,li.on .icons .i2,.item:hover .icons .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
li:hover .icons .i1,li.on .icons .i1,.item:hover .icons .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}

/*pages*/
.Pages{ zoom:1; overflow:hidden; text-align:center; clear:both; line-height:34px; position: relative; margin-top: 15px;}
.Pages a{display: inline-block; border: 1px solid #ebebeb; color: #666; border-radius: 5px;}
.Pages .a_prev,.Pages .a_next{width: 82px;}
.Pages .num a{width: 34px; margin: 0 5px;}
.Pages a:hover,.Pages a.a_cur{background: #008CD5; color: #fff; border: 1px solid #008CD5;}


@media ( max-width:500px){
	.Pages{line-height: 30px;}
	.Pages .a_prev,.Pages .a_next{width: 50px;}
	.Pages .num{padding: 0;}
	.Pages .num a{margin: 0 3px; width: 30px;}
}
/*pages end*/

/*公用样式*/
.fl{float:left;}.fr{float:right;}.tl{text-align:left !important;}.tr{text-align:right;}.tc{text-align:center !important;}
.hide{display:none;}
.block{display:block;}
.none{position:absolute; top:0; left:0; width:100%;visibility:hidden; opacity:0;}
.clear{clear:both;}
.clearfix{overflow:hidden;_zoom:1;*zoom:1;}
.clearfix:after{content: ''; display: block; clear: both; height: 0; visibility: hidden;}
.relative{position:relative; z-index:1;}
.w1200{width: 1200px; margin: 0 auto;}
.arial{font-family: Arial;}

.f_color{color: #008CD5 !important;}
/* .linearColor{background-image: linear-gradient(to right,#1a77bc,#01528f);} */
.linearColor{background:url(../images/buttonbg.png) no-repeat center center;background-size: cover;}
.whitebg{background-color: #fff;}
.fn{float: none !important; width: auto !important; clear: both;}
.boxbg{background-size: cover; background-position: center top; background-repeat: no-repeat;}
.empty,input{outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ptb3{padding: 3% 0;}
.ptb5{padding: 5% 0;}
.pb5{padding-bottom: 5%;}
.mb3{margin-bottom: 3%;}
.mb5{margin-bottom: 5%;}
.auto{margin-left: auto; margin-right: auto;}

@media ( max-width:1230px){
	.w1200{width: auto; padding: 0 15px;}
}

@media ( max-width: 640px){
	.ptb3{padding: 5% 0;}
	.pb5{padding-bottom: 8%;}
	.mb3{margin-bottom: 5%;}
	.mb5{margin-bottom: 8%;}
}

/*Top*/
.Header{background: #fff; width: 100%; position: relative; left: 0; top: 0; z-index: 99;}
.Header .bgon{transition: all ease 0.3s;}
.Top{background: url(../images/topbg.png) no-repeat center top; line-height: 55px; color: #fff;}
.Top a{color: #fff; padding: 0 8px;}
.Top img{display: inline-block; vertical-align: middle; margin-right: 5px;}
.Header .Logo{width: 360px; padding: 20px 0; float: left;}
.Header .Logo img{display: block; width: 100%;}

.Search{float: right; position:relative; margin-top: 25px;}
.Search .Searchico{ cursor:pointer; color:#333; text-align: center; width: 38px; display: none;}
.Search .Searchico .iconfont{ vertical-align:bottom; font-size:26px;}
.Search .Searchico .icongb1{ display:none;}
.Search .Searchico:hover{ color:#008CD5;}
.Search .Searchico.on .icongb1{ display:inline-block;}
.Search .Searchico.on .iconso{ display:none;}
.Search .searchbox{width: 350px; padding-right: 60px; background:#f5f7fa; line-height:30px; transition: all ease 0.3s;}
.Search .searchbox.on{visibility:visible; opacity:1; top:100%;}
.Search .searchbox input{width:100%; height:38px; padding-left: 25px;}
.Search .searchbox .input::-webkit-input-placeholder {color: #999;}
.Search .searchbox .btn{ position:absolute; right:0; top:0; bottom: 0; width:40px;}
.Search .searchbox .btn img{vertical-align: middle;}


.MainNav{border-bottom: 1px solid #ddd; box-shadow: 0 2px 10px #ddd;}
.MainNav li{float:left; width: 11.1111%;}
.MainNav li span a{z-index:1; position:relative; display: block; text-align:center; line-height: 49px; font-size:16px; font-weight: bold;}
.MainNav li span a em{position:relative; z-index:1;}
.MainNav .arr{display:none;}
.MainNav .arr .iconjian{display:none;}
.MainNav li.onnav span a,.MainNav li:hover span a{background: #008CD5; color: #fff;}

.MainNav li#nav0 span a{background:url(../images/home.png) no-repeat center center;}
.MainNav li#nav0 span a em{opacity: 0;visibility: hidden;}
.MainNav li#nav0.onnav span a,.MainNav li#nav0:hover span a{background:url(../images/homec.png) no-repeat center center #008CD5; color: #fff;}


.NavPull{position: absolute; left: 0; right: 0; top: 100%; padding: 20px 20px 4%; box-shadow: 0 0 4px #ddd; background: url(../images/navbg.png) repeat; z-index: 99; display: none;}
.NavPull dd{width: 14.166666%; float: left; margin-right: 3%;}
.NavPull dd:nth-child(6n){margin-right: 0;}
.NavPull dd .dd{display: block; line-height: 40px; font-weight: bold; padding-bottom: 20px; line-height: 20px; border-bottom: 1px solid #ddd;}
.NavPull dd .three{height: 120px;}
.NavPull dd .three .tit{line-height: 40px;}
.NavPull dd .more{display: none; color: #699EFD; line-height: 50px;}
.NavPull.on{display: block;}

.openbtn{cursor:pointer; display:none;width:32px; height:25px; position:absolute; right:12px; top:50%; margin-top: -12px; z-index:9;}
.closebtn{position:fixed; left:0px; top:60px; width:100%; height:100%; z-index:99; display:none;}
.openbtn span{display:block; height:3px; background:#008CD5; border-radius:4px; margin:4px;transition: all ease 0.3s;}
.openbtn span.sp2{width: 18px; margin-left: 9px;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 7px) rotate(45deg) !important;
	-moz-transform: translate(0, 7px) rotate(45deg) !important;
	-ms-transform: translate(0, 7px) rotate(45deg) !important;
	-o-transform: translate(0, 7px) rotate(45deg) !important;
	transform: translate(0, 7px) rotate(45deg) !important;}
.openbtn.on .sp3 {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}	
.openbtn.on .sp2{display:none;}

@media ( max-width:1024px){
	.Header .Logo{width: 300px; padding: 10px 0;}
	.Search{display: inline-block; vertical-align: middle; margin: 0 50px 0 0; line-height: 58px;}
	.Search .Searchico{display: block;}
	.Search .Searchico img{vertical-align: middle;max-height:20px;}
	.Search .searchbox{visibility: hidden; opacity: 0; width: 220px; padding-right: 50px; position: absolute; top: 100%; right: 0; z-index: 99;}
	.Search .searchbox input{padding-left: 15px;}
	.Header .openbtn{display:block;}
	.MainNav{position:fixed; left:0; z-index:100; width:100%; overflow: auto; float: none; padding:0 0 15px; top:113px; transition: all ease 0.3s; display:none; background: rgba(0,0,0,0.85);}
	.MainNav ul{padding:12px 0; width: auto; float: none;}
	.MainNav li{opacity:0; display:block; position:relative; float:none; border-bottom:1px solid rgba(255,255,255,0.1); width:auto; opacity:0;transition:opacity 1s;}
	.MainNav li:nth-child(1){transition:opacity 1s;}
	.MainNav li:nth-child(2){transition:opacity 1s 0.2s;}
	.MainNav li:nth-child(3){transition:opacity 1s 0.3s;}
	.MainNav li:nth-child(4){transition:opacity 1s 0.4s;}
	.MainNav li:nth-child(5){transition:opacity 1s 0.5s;}
	.MainNav li:nth-child(6){transition:opacity 1s 0.6s;}
	.MainNav li:nth-child(7){transition:opacity 1s 0.7s;}
	.MainNav li span a{font-size:17px; text-align:left; height:auto; display:block; line-height:30px !important; height:auto !important; height:auto; padding:10px 0 10px 15px; color: #fff; border:0;}
	.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{color:#008CD5; background: none;}
	.MainNav .arr{display:inline-block; position:absolute; z-index:2; width:50%; height:50px; line-height:44px; right:0px; padding-right:10px; top:0px; color: rgba(255,255,255,0.8);}
	.MainNav .arr i{position:absolute; height:auto; background:none; right:0px; top:5px;}
	.MainNav li.onnav .iconjia{display:none;}
	.MainNav li.onnav .iconjian{display:block;}
	.MainNav li.onnav .NavPull{display: block;}
	.MainNav.on li{opacity:1;}

	.NavPull{width:auto; position:static; margin-left: 0; background: none; padding: 15px 15px 5px;}
	.NavPull dd{width: auto; float: none; margin: 0 0 10px;}
	.NavPull dd .dd{padding: 0 0 10px 20px; border-bottom: none; font-size: 15px; color: rgba(255,255,255,0.9);}
	.NavPull dd .three{display: none; height: auto; padding-left: 40px;}
	.NavPull dd .three .tit{color: rgba(255,255,255,0.7); line-height: 30px;}
	.NavPull dd .more{display: none !important;}
}

/* @media ( max-width:768px){
	.Header .Logo{width: 280px;}
	.MainNav{top: 43px;}
} */

@media ( max-width:500px){
	.Top{line-height: 30px;}
	.Top .fl{display: none;}
	.Top .fr{float: none; text-align: center;}
	.Top a{padding: 0;font-size: 12px;}
	.Top img{margin-right: 3px;}
	.Header .Logo{width: 240px;}
	.Search{line-height: 50px; margin-right: 40px;}
	.MainNav{top: 80px;}
}
/*Top*/

/*Bottom*/
.Bottom{background: #01518e url(../images/bottombg.jpg) no-repeat center bottom; padding: 30px 0; text-align: center; color: #fff;}
.Bottom a{color: #fff;}
.Bottom .blogo img{display: inline-block; width: 208px;}
.Bottom .link{margin: 30px 0;}
.Bottom .link i{padding: 0 15px;}
.Bottom .weixin dd{display: inline-block; vertical-align: top; width: 100px;}
.Bottom .weixin dd img{width: 50px;}
.Bottom .weixin dd span{display: block; font-size: 12px;}
.Copright{margin-top: 10px;}

.FloatBox{position: fixed; width: 52px; right: 10px; top: 50%; transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); z-index: 9;}
.FloatBox dd{margin-bottom: 10px; position: relative;}
.FloatBox dd .box{height: 52px; background: #01518e; text-align: center;line-height: 52px;}
.FloatBox dd a{display: block; color: #fff;}
.FloatBox dd .box i{display: block; line-height: 52px;}
.FloatBox dd .box span{display: none; line-height: 20px; padding: 6px;}
.FloatBox dd .hide{position: absolute; right: 100%; top: 0; padding-right: 15px; width: 180px;}
.FloatBox dd .hide .con{padding: 20px; border: 1px solid #ccc; background: #fff; color: #01518e;}
.FloatBox dd .hide .con p{font-size: 18px; font-family: Arial;}
.FloatBox dd .hide .con img{display: block; width: 100%;}
.FloatBox dd:hover .box span{display: block;}
.FloatBox dd .box img{vertical-align: middle;}
.FloatBox dd:hover .box img{display: none;}
.FloatBox dd:hover .hide{display: block;}

@media ( max-width: 768px){
	.Bottom{padding: 20px 0;}
	.Bottom .link{margin: 15px 0;}
	.Bottom .link i{padding: 0 5px;}

	.FloatBox{width: 40px;}
	.FloatBox dd{margin-bottom: 5px;}
	.FloatBox dd .box{height: 40px;line-height: 40px;}
	.FloatBox dd .box i{line-height: 40px;}
	.FloatBox dd .box span{line-height: 14px;}
}

@media ( max-width:480px){
	.Bottom .weixin{display: none;}
}

/*Bottom*/

/* 栏目页公用样式 */
.Container{min-height: 400px; height: auto !important; height: 400px; padding: 20px 0 40px;}
.Left{width: 20%;}
.Right{width: 78.333%;}
.RightCon{padding: 15px 20px;}
.Current span{color: #008CD5;}

.Menus .title{padding: 10px 15px; font-size: 18px; font-weight: bold; background: #008CD5; color: #fff; line-height: 24px; display: none;}
.Menus .title i{float: right; font-size: 24px; transition: ease-in-out 300ms;}
.Menus .title.on i{transform: rotate(-180deg);}
.Menus dd a{display: block; text-align: center; font-size: 16px; font-weight: bold; line-height: 59px; border-bottom: 1px solid #ccc;}
.Menus dd:last-child a{border-bottom: none;}
/* .Menus dd.on a,.Menus dd:hover a{background-image: linear-gradient(to right,#1a77bc,#01528f); color: #fff;} */
.Menus dd.on a, .Menus dd:hover a{background:url(../images/nbg.png) repeat center center;background-size: cover;color:#fff;}

@media ( max-width: 1024px){
	.Container{padding: 20px 0;}
	.Left,.Right{width: auto; float: none;}
	.Menus .title{display: block;}
	.Menus dl{display: none; padding: 15px; border: 1px solid #008CD5;}
	.Menus dd a{text-align: left; line-height: 40px;}
	.Menus dd.on a,.Menus dd:hover a{background: none; color: #008CD5;}
}